<template lang="pug">
  .search
    .search-content(@click="onSearch()")
      i.search-icon.mkfont.mk-box_icon_search
      span.search-tip {{ searchTip }}
</template>
<script>
export default {
  props: {
    searchTip: {
      type: String,
      default: '请输入关键字搜索'
    }
  },
  data () {
    return {

    }
  },
  methods: {
    onSearch () {
      this.$emit('onSearch')
    }
  }
}
</script>
<style lang="sass" scoped>
  .search
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08)
    border-radius: 4px
    .search-content
      display: flex
      width: 100%
      height: 40px
      align-items: center
    .search-icon
      margin-left: 12px
      margin-right: 5px
      color: rgba(0, 0, 0, 0.65)
    .search-tip
      font-size: 13px
      color: rgba(0, 0, 0, 0.25)
</style>
